.el-header {
  background-color: #f4f4f4;
  color: #333;
  line-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;

  z-index: 4;
  width: 100% !important;
  position: fixed;
  border-bottom: 1px solid #ebebeb;

  i {
    font-size: 17px;
    padding: 0 8px;
    position: relative;
    color: #2981ff;
    transition: 0.4s ease;
  }

  .logo {
    width: 150px;
    height: 30px;
    padding: 0 20px;
  }
  .home{
    margin-right: 20px;
    font-size: 16px;
  }
  .tips{
    font-size: 16px;
  }
  .top-r {
    padding-right: 30px;
    display: flex;
    position: absolute;
    right: 20px;

    .setting {
      margin-right: 45px;
    }

    i {
      font-size: 17px;
      padding: 0 8px;
      position: relative;
      color: #2981ff;
      transition: 0.4s ease;
    }

    i:hover {
      background-color: #b1b1b1;
      border-radius: 25px;
    }

    i:active {
      background-color: #818181;
      border-radius: 30px;
    }

    span {
      font-size: 16px;
    }

    i:hover {
      background-color: #b1b1b1;
      border-radius: 25px;
    }

    i:active {
      background-color: #818181;
      border-radius: 30px;
    }
  }
}